
<link rel="stylesheet" type="text/css" href="public/home/css/brand.css">


<!-- 中间 -->
<div class="brand">
    <div class="brand-left fl">
            <div class="brand-l-top">
                    <h3 class="brand-title">品牌介绍</h3> 
                    <ul class="brand-list">
                            <li><a href="#">品牌介绍</a></li>
                            <li><a href="#">品牌故事</a></li>
                            <li><a href="#">品牌定位</a></li>
                            <li><a href="#">发展历程</a></li>
                            <li><a href="#">联系我们</a></li>
                    </ul>     
            </div>
            <div class="brand-l-mid"></div>
            <div class="brand-l-bottom1"></div>
            <ul class="brand-l-bottom2">
                    <li>名  称：户外运动装备有限公司</li>
                    <li>地  址：北京市石景山区苹果园路</li>
                    <li>电  话：010-8348495911</li>
                    <li>传  真：010-8348495912</li>
                    <li>联系人：陈先生</li>
                    <li>邮  编：100049</li>
                    <li>Email： moban@163.com</li>
                    <li>网  址： www.moban.com</li>
            </ul>
            <div class="brand-l-bottom3"></div>

    </div>


    <div class="brand-right fr">
            <div class="brand-r-title">
                    <h3 class="r-title-js">修改密码</h3>
                    <h3 class="r-title-nav">当前位置：<a>首页</a> > <a>用户中心</a> > <a>修改密码</a></h3>       
            </div>
            <div class="brand-r-content">
                    <div>
                            <!-- <img src="public/home/img/20131130_221941.png"> -->
                            <ul class="form">    
                                    <form acrion="" method="post">
                                    <input type="hidden" name="userid" value="<?php echo $_SESSION['user']['id']?>">
                                    <li><span>邮箱：</span><input name="email" type="text" placeholder="请输入邮箱"><span class="meg"></span></li>
                                    <li><span>激活码：</span><input name="key" type="text" placeholder="请输入邮箱激活码"> <input type="button" name="" value="获取激活码"></li>
<!--                                     <li><span>旧密码：</span><input name="oldpassword" type="password" placeholder=""><span class="meg"></span></li>
                                    <li><span>新密码：</span><input name="password" type="password" placeholder="请输入密码"><span class="meg"></span></li> -->
                                    <li><input class="next" value="下一步" type="submit"></li>
                                    </form>
                            </ul>
                    </div>
            </div>
    </div>


    <div class="clear"></div>
</div>


<!-- 中间 -->
<div class="clear"></div>

<script type="text/javascript">
$(function(){
    //验证邮箱
    $('input[name=email]').blur(function(){
        var val=$(this).val();
        var obj=$(this);
        var res=/^\w+[@](qq||163||sina)\.(com||cn)$/;
        if(res.test(val)){
           $(this).siblings('.meg').text('邮箱正确');
           $(this).siblings('.meg').removeClass('error');
           $(this).siblings('.meg').css('color','green');

        }else{
           $(this).siblings('.meg').text('错误');
           $(this).siblings('.meg').addClass('error');
           $(this).siblings('.meg').css('color','red');
           $(this).focus();
           return false;                      



        }
    });


    //验证密码
 $('input[name=password]').blur(function(){
        var val=$(this).val();
        var res=/\w{6,20}/;
        if(res.test(val)){
           $(this).siblings('.meg').text('密码正确');
           $(this).siblings('.meg').removeClass('error');
           $(this).siblings('.meg').css('color','green');

        }else{
           $(this).siblings('.meg').text('密码错误');
           $(this).siblings('.meg').addClass('error');
           $(this).siblings('.meg').css('color','red');
           $(this).focus();
           return false;
        }
    }); 






    //提交表单验证
    $('input[type=submit]').click(function(){
        var len=$('.brand-r-content .error').length;
        if(len>0){
            return false;
        }
        
    });


    // 获取激活码
    $('input[type=button]').click(function(){
        var obj=$(this);
        var email=$('input[name=email]').val();
        var userid=$('input[name=userid]').val();
        if(email==''){
            alert('请填写邮箱~~');
            return false;
        }
        $.ajax({
            type:'get',
            url:'index.php?c=center&a=index&flag=getkey&email='+email+'&userid='+userid,
            success:function(res){
                    if(res==1){
                        var html='';
                        var set='';
                        html="<span class='meg m' style='width:120px;'>请在<font>20</font>s重新发送</span>";
                        obj.prop('disabled',true);
                        obj.parent().append(html);
                       

                        // 20秒以后可以再次获得激活码
                        function del(){
                                var num=Number($('.m font').text());
                                if(num<=0){
                                    clearInterval(set);
                                    $('.m').remove();
                                    obj.prop('disabled',false);
                                    return false;
                                }
                                num--;
                                $('.m font').text(num); 
                        }
                        set=setInterval(function(){del()},1000);
                        
                    
                    }
            }
        });
    });







    // 验证激活码(获取下一步特权)
    $('input[class=next]').click(function(){
        var userid=$('input[name=userid]').val();
        var email=$('input[name=email]').val();
        var key=$('input[name=key]').val();
        if(email==''){
            alert('邮箱不能为空');
            return false;
        }
        if(key==''){
            alert('激活码不能为空');
            return false;
        }

         $.ajax({
            type:'get',
            url:'index.php?c=center&a=index&flag=validate&userid='+userid+'&key='+key,
            success:function(res){
                    if(res==1){
                        var html='';
                        html="<li><span>旧密码：</span><input name='oldpassword' type='password' placeholder=''><span class='meg'></span></li><li><span>新密码：</span><input name='password' type='password' placeholder='请输入密码'><span class='meg'></span></li><li><input class='set' value='设置' type='submit'></li>";
                        $('.form li').remove();
                        $('.form').append(html);
                           
                    }else{
                        alert('激活码有误');
                    }
            }
        });




        return false;
    });



    $('.form').on('click','input[class=set]',function(){
        var userid=$('input[name=userid]').val();
        var password=$('input[name=password]').val();
        var oldpassword=$('input[name=oldpassword]').val();
         $.ajax({
            type:'post',
            data:{password:password,oldpassword:oldpassword},
            url:'index.php?c=center&a=index&flag=set&userid='+userid,
            success:function(res){
                    if(res==1){
                        alert('修改成功');location.href="index.php?c=login&a=index";     
                    }else{
                        alert('不能与原密码一致');
                    }
            }
        });        
    });



 
})
</script>